<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>运营周报</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body class="layout-top-nav"><!--skin-blue-light -->
<div class="page wrap-week">
   
    <!-- 这里是页面内容区 -->
    <div class="content">

        <div class="default-title color-white">近一周活跃波动情况</div>
        <div class="card card-echarts">
            <div class="card-header"><p>日活跃波动趋势图(万人)</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="line"
                          data-chart_options="
                                            {
                                                grid:{top:10,bottom:55,left:0},
                                                series:[
                                                           {itemStyle:{normal:{}},lineStyle:{normal:{type:'solid',shadowColor:'#FFD8E0',shadowBlur:30,color:{type: 'linear',x: 0,y:0, x2: 0,y2:1, colorStops: [{offset: 0, color: '#FF406A' }, {offset: 1, color: '#FF94AB' }]}}},smooth:true,showSymbol:true,symbolSize:3,animation:true},
                                                           {lineStyle:{normal:{type:'dashed',shadowColor:'#D0E1FF',shadowBlur:30,color:{type: 'linear',x: 0,y:0, x2: 0,y2:1, colorStops: [{offset: 0, color: '#075CF7' }, {offset: 1, color: '#5B95FF' }]}}},smooth:true,showSymbol:false,symbolSize:3,animation:true},
                                                           {lineStyle:{normal:{type:'dotted',shadowColor:'#D4F5E1',shadowBlur:30,color:{type: 'linear',x: 0,y:0, x2: 0,y2:1, colorStops: [{offset: 0, color: '#3FD599' }, {offset: 1, color: '#DDE75C' }]}}},smooth:true,showSymbol:false,symbolSize:3,animation:true},
                                                       ],
                                                legend:{bottom:0},
                                                color:['#FF456D','#206DFA','#68DA8A'],
                                                yAxis: {axisLine: {show: false},splitLine:{ lineStyle:{ color:'#F2F4F8',type:'solid'}}}
                                            }"
                          data-query-url="55"
                          data-group-Field='category'
                          data-value-fields="{'dayValue':'日活完成量','monthTarget':'日活目标按月分解','yearTarget':'日活全年目标'}"
                          data-query-params="{args:['1.0','2007','2017-10-07']}"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- ./wrapper -->
<script src="../lib/jquery.min.js"></script>

<script src="../lib/echarts.min.js"></script>

<script src="../mm.echarts.v.2.0.js"></script>

<script>
    $(function(){
         $.mmEcharts.options({
            ctx:'http://10.12.9.214:8080/mmbigdata',
            chartDataUrl: '/bi/chart/read/'
        });

		$('.mmChart').mmEcharts();
    });
</script>

</body>
</html>